import React from 'react'
import { Input, Select } from 'antd'
import '../../../assets/scss/hj/Search.scss'

const { Search } = Input;
const { Option } = Select;

export default function SearchRepayMent (){
    const onSearch = value => console.log(value);
    const onChange = value => console.log(value)
    return (
          <div className="input-head">
            <Search placeholder="搜索借款方" onSearch={onSearch} style={{ width: 200 }} />
            <Search placeholder="搜索借款人手机" allowClear onSearch={onSearch} style={{ width: 200, margin: '0 10px' }} /> 
            <Select
                showSearch
                style={{ width: 160 }}
                placeholder="全部状态"
                optionFilterProp="children"
                onChange={onChange}
                onSearch={onSearch}
                filterOption={(input, option) =>
                    option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                }
            >
                <Option value="yihuanqing">已还清</Option>
                <Option value="weihuanqing">未还清</Option>
                <Option value="yiyuqi">已逾期</Option>
            </Select>  
          </div>
        )
    }
